<%@page import="com.lynn.salary.util.ToolMethod"%>
<%@page import="com.opensymphony.xwork2.util.ValueStack"%>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html>
<!-- saved from url=(0073)http://blog.jqueryui.com/2013/04/1000000-custom-downloads-in-four-months/ -->
<html lang="en-US"><!--<![endif]-->
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

	<title>启尚投资</title>

	<link rel="stylesheet" href="<%=basePath %>product/css/base.css">
	<link rel="stylesheet" href="<%=basePath %>product/css/index.css">
	<link rel="stylesheet" href="<%=basePath %>product/js/downup/styles.css">

	<script src="<%=basePath %>product/js/jquery-1.7.min.js"></script>
	<script src="<%=basePath %>product/js/index.js"></script> 
	
	<script src="<%=basePath %>product/js/downup/index.js"></script>
</head>
<body>
<div class="header">
		<div class="headerContent">
			<div class="headerLogo">
				<a class="logo" href="<%=basePath %>"><img style="border: none;" src="<%=basePath %>product/images/logo.jpg"></a>
			</div>
			<div class="headerTitle">
				<ul class="nav">
					<li><a style="color:rgb(255,102,0)" href="<%=basePath %>" target="_blank">最新资讯</a></li>
					<li><a href="<%=basePath %>/product/tieba.jsp" target="_blank">信息交流区</a></li>
					<li><a href="<%=basePath %>accessoryFront!showAccessory.do" target="_blank">个股精研</a></li>
					<li><a href="<%=basePath %>frontEndLogin!frontEndLogin.do?<%=ToolMethod.getCharAndNumr(8) %>">会员登录</a></li>
				</ul>
			</div>
		</div>
</div>
<div class="gallery">
	<a class="gallery_a gallery_one" target="_blank" style="display: block;cursor: default;" href="javascript:;"></a>
	<a class="gallery_a gallery_two" target="_blank" style="display: none;cursor: default;" href="javascript:;"></a>
	<a class="gallery_a gallery_three" target="_blank" style="display: none;cursor: default;" href="javascript:;"></a>
	<a class="gallery_a gallery_four" target="_blank" style="display: none; cursor: default;" href="javascript:;"></a>		
</div>
<div class="circle">
	<ul>
		<li><a><img src="<%=basePath %>product/images/D-16.png"></a></li>
		<li><a><img src="<%=basePath %>product/images/D-15.png"></a></li>
		<li><a><img src="<%=basePath %>product/images/D-15.png"></a></li>
	    <li><a><img src="<%=basePath %>product/images/D-15.png"></a></li>
	</ul>
</div>
<div id="container">

	<div id="content-wrapper" class="clearfix row">
		<div class="content-right twelve columns">
			<div id="content">
				<s:iterator value="articleTypeList" id="articleTypeList"> 
					<div style="width:50%;float:left;" >
						<div class="toggler">
						  <div id="effect" class="">
						    <h3 class="myTestTitle">
						    	<div class="articleTypeTitle" >
						    		<s:property value="name"/>
						    	</div>
						    	<div class="moreArticle">
						    		<a href="<%=basePath %>index!showAllArticleByType.do?articleTypeId=<s:property value="id"/>">更多&gt;&gt;</a>
						    	</div>
						    </h3>
							<div style="background-color:rgb(255,102,0);height:3px;"></div>
						    <ul name="ariticleList" value="<s:property value="id"/>" class="newsList">
						    </ul>
						  </div>
						</div>
					</div>
				</s:iterator>
			</div>
		</div>
	</div>
</div>
<div class="footer">
	<div class="footerText">
			<a href="#"> 关于我们</a> | <a href="#">联系我们</a><br>		
			© Copyright
	</div>
</div>
<div id="x_downup_troggle" url="<%=basePath%>frontEndLogin!loginStatus.do">
   		
</div>
<div id="x_downup_content" url="<%=basePath%>frontEndLogin!showInfo.do">
   		
</div>
</body>
</html>
<script>
	$("[name='ariticleList']").each(function(){
		var value = $(this).attr("value");
		var value2 = $(this);
		$.ajax({
			url:"<%=basePath %>index!getArticlesBytType.do?articleTypeId=" + value
		}).done(function(data){
			value2.html(data);
		});
	});
	
</script>
